<html><HEAD><META http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<link rel="StyleSheet" type="text/css" href="theme.css"></link>

<a tvid="red" href="Other_TV Shows_1.html"/>
<a tvid="green" href="Other_Movies_1.html"/>
<a tvid="yellow" href="Other_All_1.html"/>
<a tvid="blue" href="Categories.html"/>
<a tvid="tab" href=""/><!-- This is the "MENU" button. -->

<script>
// CUSTOMIZE YOUR MENU HERE
//-------------------------
// Syntax: "url,TITLE,imagefilename.png",
// Place the images in <skin>/html/pictures/home/
// The 1st entry on the list is the selected item (center), and wraps to the right. The last 2 entries are the left 2 items on-screen.
// *** The last item must NOT have a comma at the end of it. ***

var menu=[
"Other_Movies_1.html,MOVIES,icon_movies.png",
"Other_TV Shows_1.html,TV SHOWS,icon_tvshows.png",
"http://localhost.drives:8883/HARD_DISK/Video/?filter=3,VIDEOS,icon_videos.png",
"http://www.mspportal.com/action/showservice.jsp?serviceid=weatherbug&res=1280x720&portalcat=0&from=&nmtpg=1&nmtpgend=1&serviceno=7&token=&mspuserf=&homePath=http://www.mspportal.com/nmt,WEATHER,icon_weather.png",
"http://hdd-player.de/pchweb/FLaSH/FLaSH_Hours/page-1280x720/a_hdtv.html,RADIO,icon_radio.png",
"file:///opt/sybhttpd/localhost.drives/NETWORK_SHARE/,NETWORK,icon_network.png",
"http://www.mspportal.com,ONLINE,icon_online.png",
"http://localhost.drives:8883/HARD_DISK/,BROWSER,icon_browse.png",
"file:///opt/sybhttpd/default/preferences.htm,SETUP,icon_settings.png",
"http://localhost.drives:8883/HARD_DISK/?home=1,EXIT,icon_exit.png",
"http://localhost.drives:8883/CDROM/,DVD,icon_playdisc.png",
"http://andboson.net/yt/,YOUTUBE,icon_youtube.png",
"http://plugin.mspsite.com/action/showservice.jsp?homePath=http://plugin.mspsite.com/nmt&serviceid=appletrailer_felix_buenemann&portalcat=0&start=1&end=1&serviceno=1&res=1280x720,TRAILERS,icon_appletrailers.png",
//"http://localhost.drives:8883/USB_DRIVE_A/,USB,icon_usb.png",
//"http://localhost.drives:8883/USB_DRIVE_B/,USB,icon_usb.png",
"http://localhost.drives:8883/HARD_DISK/Photo/?filter=2,PICTURES,icon_pictures.png",
"http://localhost.drives:8883/HARD_DISK/Music/?filter=1,MUSIC,icon_music.png"
];

// END
//-------------------
































































































































































//Don't change 
	var position=0
	
	function $(me){
		return document.getElementById(me);
	}
	
	function circularArray(p, arr){
		var loopcorection;
		var max = arr.length - 1;
		
		if (p < 0)
			loopcorection = max + p + 1;
		else if(p > max)
			loopcorection = p - arr.length;
		else
			loopcorection = p;
		
		return loopcorection;
	}
	
	function loadScreen(mymenu, pos){
		var firstItems = mymenu[circularArray(pos-2, mymenu)].split(",");
		var prevItems = mymenu[circularArray(pos-1, mymenu)].split(",");
		var currentItem = mymenu[circularArray(pos, mymenu)].split(",");
		var nextItems = mymenu[circularArray(pos+1, mymenu)].split(",");
		var lastItems = mymenu[circularArray(pos+2, mymenu)].split(",");

		$('imagechangem2').attributes[0].nodeValue = "pictures/home/"+ firstItems[2];
		
		$('imagechangem1').attributes[0].nodeValue = "pictures/home/"+ prevItems[2];
		
		$('changelink').attributes[0].nodeValue = currentItem[0];
		$('changelink').firstChild.nodeValue = currentItem[1];
		$('imagechange').attributes[0].nodeValue = "pictures/home/"+ currentItem[2];
		
		$('imagechangep1').attributes[0].nodeValue = "pictures/home/"+ nextItems[2];
		
		$('imagechangep2').attributes[0].nodeValue = "pictures/home/"+ lastItems[2];
	}

	function loadMenu(offset){
		var end = menu.length - 1;
		
		if (position + offset > end)
			position = 0;
		else if (position + offset < 0)
			position = end;
		else
			position = position + offset;	
		
		loadScreen(menu, position);	
		return true;
	}

	function initpage(){
		loadScreen(menu, position);
	}
	</script>
	<script>
	function initClock() {updateClock(); setInterval('updateClock();', 1000);}
	function updateClock() {
		var TimezoneOffset = +0;
		var localTime = new Date();
		var ms = localTime.getTime()+(TimezoneOffset*3600);
		var time =  new Date(ms);
		var hour = time.getHours();
		var minute = time.getMinutes();
		var second = time.getSeconds();
		var curTime = "" + ((hour > 12) ? hour - 12 : hour);
		var suffix = "AM";
		if(hour>=12) {suffix = "PM";}
		if(hour==0) curTime = "12";
		curTime += ((minute < 10) ? ":0" : ":") + minute;
		document.getElementById('time').firstChild.nodeValue = curTime;
		document.getElementById('suffix').firstChild.nodeValue = suffix;
		document.getElementById('date').firstChild.nodeValue = time.toDateString();
	}</script>
</HEAD>
<style>
#imgm2 {position:absolute; top:209px; left:1px;margin-left:92px;margin-top:38px;}
#imgm1 {position:absolute; top:209px; left:237px;margin-left:92px;margin-top:38px;}
#img0 {position:absolute; top:141px; left:412px;margin-left:92px;margin-top:38px;}
#imgp1 {position:absolute; top:209px; left:722px;margin-left:92px;margin-top:38px;}
#imgp2 {position:absolute; top:209px; left:959px;margin-left:92px;margin-top:38px;}
.sorting {font-family: arial; font-size: 14pt;}
.mainsorting {font-family: arial; font-size: 29pt; font-weight:bold;}
.header {font-family: arial; font-size: 27pt; font-weight : bold; }
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
body {margin-left:92px;margin-top:38px}
</style>
<BODY FOCUSCOLOR="transparent" background="pictures/diffuse_background.png" FOCUSTEXT="transparent" onloadset="change" onload="initClock();initpage();">

<div id="imgm2"><img src="pictures/1x1.png" width="135" height="135" id="imagechangem2"/></div>
<div id="imgm1"><img src="pictures/1x1.png" width="135" height="135" id="imagechangem1"/></div>
<div id="img0"><img src="pictures/1x1.png" width="270" height="270" id="imagechange"/></div>
<div id="imgp1"><img src="pictures/1x1.png" width="135" height="135" id="imagechangep1"/></div>
<div id="imgp2"><img src="pictures/1x1.png" width="135" height="135" id="imagechangep2"/></div>

<a href="#change" onfocusload onfocus="return loadMenu(1)" onclick="return loadMenu(1)" name="right"/>
<a href="#change" onfocusload onfocus="return loadMenu(-1)" onclick="return loadMenu(-1)" name="left"/>

<table border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td height="100" colspan="5" align="right" valign="top">
			<table border="0" cellpadding="0" cellspacing="0">
				<tr>
					<td id="time" class="indexhometext header" width="1">&nbsp;</td>
					<td class="header">&nbsp;&nbsp;</td>
					<td id="suffix" class="flagtext2 header" width="1">&nbsp;</td>
				</tr>
				<tr><td id="date" class="flagtext2 sorting" colspan="3" align="right">&nbsp;</td></tr>
			</table>
		</td>
	</tr>
	<tr><td height="350"/></tr>
	<tr>
		<td valign="top" width="1095" align="center">
			<a href="#" id="changelink" name="change" onkeyleftset="left" onkeyrightset="right" class="mainsorting indexhometext">&nbsp;</a>
		</td>
	</tr>
</table>

</BODY>
</html>